<%@page contentType="text/html"%>
<%@page pageEncoding="UTF-8"%>
<%@taglib uri="http://java.sun.com/jsf/core" prefix="f" %>
<%@taglib uri="http://java.sun.com/jsf/html" prefix="h" %>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        <title>Listado de Items de Datos Personales</title>
        <link href="<%=request.getContextPath()%>/css/style.css" rel="stylesheet" type="text/css" media="screen">
    </head>
    <body>
        <f:view >
            <%@ include file="/barra.jsp" %>
            <table width="1242" border="0">
                <tr>
                    <td width="21%" align="left" valign="top">
                        <!-- Divisor del Contenido Principal -->
                        <div id="siteName">                        </div>
                        <div id="content"> 
                            <div class="feature">
                                <jsp:directive.include file="/welcomeJSF.jsp" />
                            </div> 
                        </div> 
                        
                    <!-- Fin del Contenido Principal -->                  </td>
                    <td width="79%" align="left" valign="top">
                        <h:messages errorStyle="color: red" infoStyle="color: green" layout="table"/>
                        <h1>Listado de Items de Datos Personales</h1>
                        <h:form>
                            <h:outputText escape="false" value="(No Datospersonales Items Found)<br />" rendered="#{datospersonales.itemCount == 0}" />
                            <h:panelGroup rendered="#{datospersonales.itemCount > 0}">
                                <h:dataTable value='#{datospersonales.datospersonaless}' var='item' styleClass="names" headerClass="namesHeader" columnClasses="last,first">
                                    <h:column>
                                        <f:facet name="header">
                                            <h:outputText value="Id D. Pers."/>
                                        </f:facet>
                                        <h:outputText value=" #{item.iddatospersonales}"/>
                                    </h:column>
                                    <h:column>
                                        <f:facet name="header">
                                            <h:outputText value="Nombres"/>
                                        </f:facet>
                                        <h:outputText value=" #{item.nombres}"/>
                                    </h:column>
                                    <h:column>
                                        <f:facet name="header">
                                            <h:outputText value="Apellidos"/>
                                        </f:facet>
                                        <h:outputText value=" #{item.apellidos}"/>
                                    </h:column>
                                    <h:column>
                                        <f:facet name="header">
                                            <h:outputText value="Nro. de Documento"/>
                                        </f:facet>
                                        <h:outputText value=" #{item.nrodocumento}"/>
                                    </h:column>
                                    <h:column>
                                        <f:facet name="header">
                                            <h:outputText value="Fecha de Nacimiento"/>
                                        </f:facet>
                                        <h:outputText value="#{item.fechaNacimiento}">
                                            <f:convertDateTime type="DATE" pattern="dd/MM/yyyy" />
                                        </h:outputText>
                                    </h:column>
                                    <h:column>
                                        <f:facet name="header">
                                            <h:outputText value="e-mail"/>
                                        </f:facet>
                                        <h:outputText value=" #{item.email}"/>
                                    </h:column>
                                    <h:column>
                                        <f:facet name="header">
                                            <h:outputText value="Sexo"/>
                                        </f:facet>
                                        <h:outputText value=" #{item.sexo}"/>
                                    </h:column>
                                    <h:column>
                                        <f:facet name="header">
                                            <h:outputText escape="false" value="&nbsp;"/>
                                        </f:facet>
                                        <h:commandLink value="Editar" action="#{datospersonales.editSetup}">
                                            <f:param name="jsfcrud.currentDatospersonales" value="#{datospersonales.asString[item]}"/>
                                        </h:commandLink>
                                        <h:outputText value=" "/>
                                    </h:column>
                                </h:dataTable>
                            </h:panelGroup>
                            <br />
                            <h:commandLink styleClass="boton" action="#{datospersonales.createSetup}" value="[Nuevo]"/>
                            <br />
                            <br />
                        </h:form>
                    </td>
                </tr>    
            </table>
            
            <%@ include file="/footer.jsp" %>            
        </f:view>
    </body>
</html>
